<template>
  <div id="home" class="home">
	  <perfTable></perfTable>
	  <perfChart></perfChart>
	  <todayActivity></todayActivity>
    <homeAI></homeAI>
  </div>
</template>

<script>
	import bus from '@/event/eventBus'
	import perfTable from './perfTable'
	import perfChart from './PerfChart'
	import todayActivity from './todayActivity'
  import homeCalendar from '../../../../components/mobile/calendar/homeCalendar'
  import homeAI from './homeAI'
  export default {
    name: "home",
    components:{
    	perfTable,
	    perfChart,
	    todayActivity,
      homeCalendar,
      homeAI
    },
	  created: function () {
		  bus.$emit("barController", 0)
		  bus.$emit("userDefinedEvent", 0)

		  document.addEventListener("deviceready", onDeviceReady, false);
		  function onDeviceReady() {
			  if (window.cordova && StatusBar) {
				  StatusBar.backgroundColorByHexString('#44abe2');
			  }
		  }
	  }
  }
</script>

<style>
  .home{
    margin-bottom: 100px !important;
    margin-top: 46px !important;
  }

  .vux-flexbox {
	  width: 100% !important;
	  border-radius: 25px !important;
  }

  .weui-cells{
	  font-size: 14px !important;
  }

  .vux-button-group > a {
	  text-decoration: none !important;
  }

  .vux-tab .vux-tab-item.vux-tab-selected{
	  color: orange !important;
  }

  .vux-tab-ink-bar {
	  background-color: orange !important;
  }

  .vux-cell-primary {
	  margin-left: 0px !important;
  }

  .weui-tabbar__item {
	  text-decoration: none !important;
	  font-size: 1em !important;
  }

  .weui-tabbar__label {
	  font-size: 12px !important;
	  line-height: 0 !important;
  }

  .weui-form-preview__btn_primary{
	  text-decoration: none !important;
  }

  .weui-form-preview__value{
	  text-align: left !important;
  }

  .weui-form-preview__label{
	  font-weight: bold !important;
  }

  ._v-container>._v-content>.loading-layer>.no-data-text[data-v-ecaca2b0]{
	  font-size: 12px;
  }

  .no-data-text{
	  color: #ababab !important;
  }
</style>
